.setter-user-group-range {
  width: 100%;
  min-height: 32px;
  padding-top: 6px;

  .ant-radio-group {
    margin-bottom: 10px;
  }

  .setter-user-group-range-data-tag {
    display: inline-flex;
    align-items: center;
    box-sizing: border-box;
    max-width: 100%;
    height: 23px;
    margin-top: 2px;
    margin-right: 8px;
    padding: 4px 8px;
    overflow: hidden;
    font-size: 12px;
    background-color: #f8f8f8;
    border: none;
    border-radius: 2px;
    user-select: none;

    >svg {
      width: 16px;
      height: 16px;
      margin-right: 4px;
    }

    >span {
      flex: 1;
      overflow: hidden;
      text-overflow: ellipsis;
      word-break: break-all;

      &:nth-child(2) {
        color: var(--inbiz-color-heading);
      }
    }

    .ant-tag-close-icon {
      display: inline-block;
      flex: unset;
      width: 14px;
      height: 14px;
      margin-left: 8px;
      background: #ccc;
      border-radius: 50%;

      &>svg {
        margin-top: 2px;
        color: white;
        text-align: center;
      }

      &:hover {
        background: #f25b43;
      }
    }
  }
}

.setter-user-group-range-data-popup {

  .rc-virtual-list-scrollbar {
    width: 6px !important;

    .rc-virtual-list-scrollbar-thumb {
      background: rgba(0, 0, 0, 0.3) !important;
    }
  }

  .ant-select-item-option-selected {
    background: white;

    .setter-user-group-range-data-item {
      &>span {
        margin-left: 8px;
        color: var(--inbiz-color-primary);
        font-weight: normal;
      }
    }

    .ant-select-item-option-state {
      display: none;
    }
  }

  .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
    background: #e7f3ff;
  }

  .setter-user-group-range-data-item {
    &>span {
      margin-left: 8px;
    }
  }
}